<html>
<head>
  <link rel="stylesheet" type="text/css" href="style/basic.css">
  <script type="text/javascript">

      var baseURI;

      function setBaseURI() {
            var uri = parent.location.href;
            baseURI = uri.substring(0,uri.lastIndexOf("/"))+"/";
      }

      function load(url) {
        document.getElementById('external').src =url;
      }

      function loadHash(hash) {
           load('services/'+hash+'/index.html');
      }

      function init() {
          setBaseURI();
          if(window.location.hash) {
              loadHash(window.location.hash.substring(1));
          } else {
              load('main.html');
          }
      }

  </script>
</head>
<body onload="init();">
<h1 id="main_title">Core</h1>
<div id="header">
    <ul>
        <li><a onclick="load('services/resource/index.html')">/resource</a></li>
        <li><a onclick="load('services/search/index.html')">/search</a></li>
    </ul>
</div>
<div id="navigation">
    <img src="img/lmf_black_white.png" onclick="load('main.html')" title="Linked Media Home"/>
    <h2>Basic Links</h2>
    <ul>
        <li><a onclick="load('main.html')" title="Linked Media Home">Home</a></li>
        <li><a>Project</a></li>
    </ul>
    <h2>Development</h2>
    <ul>
        <li><a>Architectural Overview</a></li>
        <li><a>Documentation</a></li>
    </ul>
    <h2>Modules</h2>
    <ul>
        <li><a onclick="window.location = 'social/'">Social Module</a></li>
    </ul>
</div>
<div id=main>
    <iframe id="external"></iframe>
    <div id="footer">
        powered by <a href="http://www.newmedialab.at/">Salzburg NewMediaLab</a>
    </div>
</div>
</body>
</html>